<?php 
$appId = 'wxe214ac48790c622f';
$secret = '62d3091e10b72a50a8a2c4f758a799b2';
include_once 'jssdk.php';
$jssdk = new JSSDK($appId, $secret);
$signPackage = @$jssdk->GetSignPackage();
$url='http://cdn.mei94.com/public/h/ke';
?><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<title>“壳”佳人，真我范</title>
<link rel="stylesheet" href="http://lin.mei94.com/su/css/animate.min.css">
<style>
html,body{width:100%;font-size:12px;font-family:Microsoft YaHei, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
body{position:relative;background:#f1cc35;}
body, div{padding:0px;margin:0px auto;max-width:750px;}
.weui-dialog{position:fixed;z-index:5000;width:80%;max-width:300px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#FFF;text-align:center;border-radius:3px;overflow:hidden}.weui-dialog__hd{padding:1.3em 1.6em .5em}.weui-dialog__title{font-weight:400;font-size:18px}.weui-dialog__bd{padding:0 1.6em .8em;min-height:40px;font-size:15px;line-height:1.3;word-wrap:break-word;word-break:break-all;color:#999}.weui-dialog__bd:first-child{padding:1.2em 20px .1em;color:#353535}.weui-dialog__ft{position:relative;line-height:48px;font-size:18px;display:-webkit-box;display:-webkit-flex;display:flex}.weui-dialog__ft:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-dialog__btn{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#3CC51F;text-decoration:none;-webkit-tap-highlight-color:transparent;position:relative}.weui-dialog__btn:active{background-color:#EEE}.weui-dialog__btn:after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-dialog__btn:first-child:after{display:none}.weui-dialog__btn_default{color:#353535}.weui-dialog__btn_primary{color:#0BB20C}@media screen and (min-width:1024px){.weui-dialog{width:35%}}.weui-mask{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.6)}
.weui-mask_transparent{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0}
.js_dialog{display:none;}
-webkit-touch-callout:none;
-webkit-user-select:none;
html{-ms-touch-action:none;}
div,img{-webkit-tap-highlight-color:rgba(0,0,0,0);}
*{-webkit-text-size-adjust: none;}
.simg{position:absolute;display:block;}
a{text-decoration:none;}
.txt{position:absolute;text-indent:8px;color:#000;font-size:12px;z-index:2;border:none;background:transparent;}
.txt::-webkit-input-placeholder {text-align:left;}
select{position:absolute;color:#000;display:block;background:transparent;border:0px;text-indent:10px;font-size:12px;-webkit-appearance:none;}
.container{position:relative;width:100%;height:auto;overflow:hidden;}
.page{position:absolute;width:100%;height:100%;display:none;}
.t-bg{position:absolute;display:none;width:100%;height:100%;top:0px;left:0px;background-color:#000;opacity:.8;z-index:9;}
.t-win, .t-fail{z-index:99;}
.toast{position:fixed;display:none;top: 40%;left: 0;right: 0;text-align: center;width: 100%;z-index: 1000;}
.toast .text-wrapper{font-size: 14px;margin: auto;border-radius: 8px;background-color: rgba(0, 0, 0, 0.6);color: #fff;padding:2% 6% 2% 6%;max-width: 50%;display: inline-block;}
.p1{position:absolute;width:100%;height:100%;}
.p1-w, .p2-w{position:absolute;width:100%;top:0;left:0;background:#fff;}
.p1-w{height:50%;}
.p2-w{height:40%;}
.hide{display:none;}
.p5{position:absolute;width:100%;height:100%;}
.p1-t3{position:absolute;width:100%;height:100%;background:transparent url('./img/p1-t32.png') no-repeat;background-size:cover;}
.test5{opacity:.4;}
.animated.de5{-webkit-animation-delay: .5s;animation-delay: .5s;}
.animated.de1{-webkit-animation-delay: 1.3s;animation-delay: 1.3s;}
.p5-avatar{border-radius:50%;}
.t-bg{position:absolute;width:100%;height:100%;top:0px;left:0px;display:none;background-color:#000;opacity:.8;z-index:9;}
.t-share, .t-quan, .t-baoc{position:absolute;width:100%;height:100%;top:0px;left:0px;display:none;z-index:99;}
.tshare-click, .p6-b, .p5-end{position:absolute;width:100%;height:100%;top:0px;left:0px;}
.p6-b img{width:100%;height:100%;}
.p5-end{opacity:0;}
.tshare-t2, .tquan-t2, .tbaoc-t1{position:absolute;width:100%;color:#fff;text-align:center;line-height:150%;font-size:12px;}
.tquan-t2{left:0;top:20%;}
.tbaoc-t1{left:0;top:40%;}
.p-mu{z-index:2;}
@keyframes gra{from {-webkit-filter:grayscale(0%);filter: grayscale(0%);}to {-webkit-filter:grayscale(100%);filter: grayscale(100%);}}
@-webkit-keyframes gra{from {-webkit-filter:grayscale(0%);filter: grayscale(0%);}to {-webkit-filter:grayscale(100%);filter: grayscale(100%);}}
.gray{-webkit-filter:grayscale(100%);filter: grayscale(100%);}
.animated.p1-lj{animation-duration:1.5s;-webkit-animation-duration:1.5s;}
</style><script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?d08aa35a7f52e7a97efaa15b0ac8d6ae";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();</script></head><body>
<div class="container">
  <div class="p1 page">
    <div class="p1-w"></div>
    <img class="p-mu simg animated flipInY" src="./img/on.png" />
    <img class="p1-t1 simg animated flipInY" src="<?php echo $url; ?>/img/p1-t1.png" />
    <img class="p1-t2 simg" src="<?php echo $url; ?>/img/p1-t2.png" />
    <div class="p1-t3">
     <img class="p1-lj simg animated pulse infinite" src="./img/p1-start.png" />
    </div>
  </div>
  <div class="p2 page">
    <div class="p2-w"></div>
    <img class="p-mu simg animated flipInY" src="<?php echo $url; ?>/img/on.png" />
    <img class="p1-t1 simg animated flipInY" src="<?php echo $url; ?>/img/p1-t1.png" />
    <img class="p2-d1 simg" src="<?php echo $url; ?>/img/p2-d.png" />
    <img class="p2-d2 simg" src="<?php echo $url; ?>/img/p2-d2.png" />
    <img class="p2-9 simg animated de13 fadeIn" src="<?php echo $url; ?>/img/p2-9.png" />
    <img class="p2-t1 simg animated fadeInUp" src="<?php echo $url; ?>/img/p2-t1.png" />
    <img class="p2-a simg animated de5 fadeInLeft" data-id="1" src="<?php echo $url; ?>/img/p2-a.png" />
    <img class="p2-b simg animated de5 fadeInRight" data-id="1" src="<?php echo $url; ?>/img/p2-b.png" />
    <img class="p2-s hide simg" src="<?php echo $url; ?>/img/p2-3.png" />
    <img class="p-back simg" data-id="1" src="<?php echo $url; ?>/img/p2-1.png?v=2" />
    <img class="p-yes simg"  data-id="1" src="<?php echo $url; ?>/img/p2-22.png" />
  </div>
  <div class="p3 page">
     <div class="p2-w"></div>
     <img class="p-mu simg animated flipInY" src="<?php echo $url; ?>/img/on.png" />
	 <img class="p1-t1 simg" src="<?php echo $url; ?>/img/p1-t1.png" />
	 <img class="p2-d1 simg" src="<?php echo $url; ?>/img/p2-d.png" />
	 <img class="p2-d2 simg" src="<?php echo $url; ?>/img/p2-d2.png" />
	 <img class="p2-9 simg animated de13 fadeIn" src="<?php echo $url; ?>/img/p2-9.png" />
	 <img class="p2-t1 simg animated fadeInDown" src="<?php echo $url; ?>/img/p3-t1.png" />
	 <img class="p2-a simg" data-id="2" src="<?php echo $url; ?>/img/p3-a.png" />
	 <img class="p2-b simg" data-id="2" src="<?php echo $url; ?>/img/p3-b.png" />
	 <img class="p2-s simg" src="<?php echo $url; ?>/img/p2-3.png" />
	 <img class="p-back simg" data-id="2" src="<?php echo $url; ?>/img/p2-1.png?v=2" />
	 <img class="p-yes simg" data-id="2" src="<?php echo $url; ?>/img/p2-22.png" />
  </div>
  <div class="p4 page">
     <div class="p2-w"></div>
     <img class="p-mu simg animated flipInY" src="<?php echo $url; ?>/img/on.png" />
	 <img class="p1-t1 simg" src="<?php echo $url; ?>/img/p1-t1.png" />
	 <img class="p2-d1 simg" src="<?php echo $url; ?>/img/p2-d.png" />
	 <img class="p2-d2 simg" src="<?php echo $url; ?>/img/p2-d2.png" />
	 <img class="p2-9 simg animated de13 fadeIn" src="<?php echo $url; ?>/img/p2-9.png" />
	 <img class="p2-t1 simg" src="<?php echo $url; ?>/img/p4-t1.png" />
	 <img class="p2-a simg" data-id="3" src="<?php echo $url; ?>/img/p4-a.png" />
	 <img class="p2-b simg" data-id="3" src="<?php echo $url; ?>/img/p4-b.png" />
	 <img class="p2-s simg" src="<?php echo $url; ?>/img/p2-3.png" />
	 <img class="p-back simg" data-id="3" src="<?php echo $url; ?>/img/p2-1.png?v=2" />
	 <img class="p-yes simg" data-id="3" src="<?php echo $url; ?>/img/p2-2.png" />
  </div>
  <div class="p5 page" id="view">
     <img class="p5-q simg" src="./img/q1.jpg" />
     <img class="p-mu hide simg animated flipInY" src="<?php echo $url; ?>/img/on.png" />
     <img class="p5-avatar simg" src="avatar.php" />
     <img class="p5-quan simg" data-id="3" src="./img/p5-quan.png" />
     <img class="p5-end simg" src="" />
     <img class="p5-more hide simg animated fadeIn" data-id="3" src="<?php echo $url; ?>/img/p5-more.png" />
     <img class="p5-share hide simg animated fadeIn" data-id="3" src="<?php echo $url; ?>/img/p5-s.png" />
     <img class="p5-save hide simg animated fadeIn" data-id="3" src="<?php echo $url; ?>/img/p5-bc.png" />
  </div>
 
  <div class="t-bg"></div>
  <div class="t-share">
      <div class="tshare-click"></div>
      <img class="tshare-t1 simg qrcode" data-id="qrcode" src="<?php echo $url; ?>/img/qrcode.jpeg" />
      <div class="tshare-t2">长按图中二维码，<br/>关注“壳牌中国招聘”官方微信公众号，<br/>获取更多精彩内容</div>
  </div>
  <div class="t-quan">
      <img class="tquan-t1 simg qrcode" data-id="qrcode" src="<?php echo $url; ?>/img/arrow.png" />
      <div class="tquan-t2">点击右上角分享按钮分享至朋友圈</div>
  </div>
  <div class="t-baoc">
      <div class="tbaoc-t1">长按保存图片至本地相册，<br />把你的测试结果分享到朋友圈吧！</div>
  </div>
  
  <div style="display:none;">
	  <audio id="music" loop="loop"><source src="<?php echo $url ?>/m.mp3"  type="audio/mpeg"></audio>
  </div>
</div>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="http://cdn.mei94.com/web/js/pxloader-images.min.js"></script>
<script type="text/javascript" src="<?php echo $url ?>/js/html2canvas.min.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
_h=h= Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
var sWidth = parseInt((window.innerWidth > 0) ? window.innerWidth : screen.width);
if(sWidth>750){sWidth=750;}
var _rate=(sWidth/750);
if(h<_rate*1333){h=_rate*1333;}
var _music=document.getElementById("music");
var _img=['p1-t2.png','p1-t1.png',];
var loader = new PxLoader();
for(var i=0; i<_img.length; i++){loader.addImage('<?php echo $url; ?>/img/'+_img[i]);}
loader.start();
loader.addCompletionListener(function(e){
	$(".p1").show().addClass("fade-in");
	//$(".p5, .p5-share, .p5-more, .p5-save").show().addClass("fade-in");
	_music.play(); 
	document.addEventListener("WeixinJSBridgeReady", function () { _music.play(); }, false);
});
$(function(){
	$('body').on('touchmove',function(e){
		e.preventDefault();
	});
	var _opid='<?php echo $openid; ?>'; 
	$('.container').width(sWidth).height(h);
	var _topCha=(_h - _rate*1200)/2;
	if(_topCha>0){
		$(".p-bg").css({"top":_topCha});
	}
	
	$('.page, .p5-q, .p5-canvas').width(sWidth).height(_rate*1333);
	$('.p1-t1').width(_rate*206).height(_rate*169).css({"top":_rate*10, "left":_rate*276});
	$('.p1-t2').width(sWidth).height(_rate*1013).css({"top":_rate*220, "left":0});
	$('.p1-t3').width(sWidth).height(_rate*578).css({"top":_rate*580, "left":0});

	$('.p2-t1').width(_rate*517).height(_rate*513).css({"top":_rate*240, "left":_rate*114});
	$('.p2-a').width(_rate*303).height(_rate*306).css({"top":_rate*750, "left":_rate*60});
	$('.p2-b').width(_rate*303).height(_rate*306).css({"top":_rate*752, "right":_rate*60});
	$('.p2-9').width(_rate*612).height(_rate*176).css({"top":_rate*616, "left":_rate*70});
	$('.p2-s').width(_rate*311).height(_rate*301).css({"top":_rate*754, "left":_rate*58});

	$('.p-back').width(_rate*215).height(_rate*91).css({"top":_rate*1096, "left":_rate*108});
	$('.p-yes').width(_rate*215).height(_rate*91).css({"top":_rate*1096, "right":_rate*106});
	$('.p2-d1').width(sWidth).height(_rate*1118).css({"top":_rate*214, "left":0});
	$('.p2-d2').width(sWidth).height(_rate*857).css({"top":_rate*174, "left":0});
	$('.p1-lj').width(_rate*364).height(_rate*111).css({"top":_rate*466, "left":_rate*198});
	
	$('.p5-more').width(_rate*230).height(_rate*97).css({"top":_rate*1104, "left":_rate*22});
	$('.p5-share').width(_rate*218).height(_rate*94).css({"top":_rate*1107, "left":_rate*264});
	$('.p5-save').width(_rate*217).height(_rate*104).css({"top":_rate*1104, "right":_rate*24});
	$('.p6-back').width(_rate*217).height(_rate*104).css({"top":_rate*1104, "left":_rate*266});
	
	$('.p5-avatar').width(_rate*126).height(_rate*126).css({"top":_rate*90, "left":_rate*320});
	$('.p5-quan').width(_rate*170).height(_rate*158).css({"top":_rate*76, "left":_rate*296});
	var _tmpTop=(_h- _rate*460)/2;
    $(".tshare-t1").width(_rate*400).height(_rate*400).css({"top":_tmpTop, "left":_rate*175});
    $(".tshare-t2").css({"top":(_tmpTop + _rate*460)});
    $('.tquan-t1').width(_rate*83).height(_rate*129).css({"top":_rate*60, "right":_rate*60});
    $('.p-mu').width(_rate*60).height(_rate*60).css({"top":_rate*10, "right":_rate*10});
  

    if(_h > 710){ //724
    	$('.p1-t3').css({"top":_rate*680});
    	$('.p-back').css({"top":_rate*1196});
    	$('.p-yes').css({"top":_rate*1196});

    	$('.p2-t1').css({"top":_rate*260});
    	$('.p2-a').css({"top":_rate*770});
    	$('.p2-b').css({"top":_rate*772});
    	$('.p2-9').css({"top":_rate*636});
    	$('.p2-s').css({"top":_rate*774});

    	$('.p5-more').css({"top":_rate*1184});
    	$('.p5-share').css({"top":_rate*1187});
    	$('.p5-save').css({"top":_rate*1184});
    	$('.p6-back').css({"top":_rate*1184});
    }
    
	$('.p5-save').click(function(){
		$(this).addClass("gray");
		window.setTimeout(function(){$('.p5-save').removeClass("gray");}, 200);
	   $(".t-baoc, .t-bg").fadeIn();
	   /**
		   html2canvas(document.querySelector("#view")).then(canvas => {
			   console.log(canvas.toDataURL('image/jpeg'));
			   $("#p6-tu").attr("src", canvas.toDataURL('image/jpeg'));
			   $(".p5").hide();
			   $(".p6").fadeIn();
			}); */
	});  
	$('.t-baoc').click(function(){
		$(".t-baoc, .t-bg").fadeOut();
	});
	$('.p5-more').click(function(){
		$(this).addClass("gray");
		window.setTimeout(function(){$('.p5-more').removeClass("gray");}, 200);
		$(".t-share, .t-bg").fadeIn();
		_hmt.push(['_trackEvent', 'click', 'ljgd', '了解更多']);
	});
	$('.p5-share').click(function(){
		$(this).addClass("gray");
		window.setTimeout(function(){$('.p5-share').removeClass("gray");}, 200);
		$(".t-quan, .t-bg").fadeIn();
		_hmt.push(['_trackEvent', 'click', 'fx', '分享']);
	});
	$('.t-quan').click(function(){
		$(".t-quan, .t-bg").fadeOut();
	});
	
	$('.tshare-click').click(function(){
		$(".t-share, .t-bg").fadeOut();
	});
	$(".p6-back").click(function(){
		$(".p6").hide();
		$(".p5-more, .p5-share, .p5-save").show();
		$(".p5").fadeIn();
	});

	var _musicF=true;
	$(".p-mu").click(function(){
		if(true == _musicF){
			_musicF=false;
			_music.pause(); 
			$(".p-mu").attr("src", "./img/off.png");
		}else{
			_musicF=true;
			_music.play(); 
			$(".p-mu").attr("src", "./img/on.png");
		}
		
	});
 
	$('.p1-lj').click(function(){
	  $(this).addClass("gray");
	  window.setTimeout(function(){$('.p1-lj').removeClass("gray");}, 200);
       $(".p1").fadeOut();
       $(".p2").fadeIn();
       _hmt.push(['_trackEvent', 'click', 'lkcy', '立刻参与']);
	 });
	$(".p5-end").click(function(){
		_hmt.push(['_trackEvent', 'click', 'bctp', '保存图片']);
	});
	var _ti={a:0,b:0,c:0};
	$('.p-back').click(function(){
	     var _id=$(this).attr("data-id");
	     var _upId=parseInt(_id)+1;
	     $(this).addClass("gray");
	     window.setTimeout(function(){$('.p-back').removeClass("gray");}, 200);
	     $(".p2-s").hide();
    	 $(".p"+_upId).fadeOut();
         $(".p" + _id).fadeIn();
         
	});
	console.log()
	$('.p-yes').click(function(){
	     var _id=$(this).attr("data-id");
	     $(this).addClass("gray");
	     window.setTimeout(function(){$('.p-yes').removeClass("gray");}, 200);
	     if(1 == _id){
		    if(0 == _ti.a){
               $(".p2-a").removeClass("animated fadeInLeft flash").hide();
               $(".p2-b").removeClass("animated fadeInRight flash").hide();
               $(".p2-a, .p2-b").addClass("animated flash").show();
	           return;
			}
		 }
	     if(2 == _id){
			    if(0 == _ti.b){
	               $(".p2-a").removeClass("animated fadeInLeft flash").hide();
	               $(".p2-b").removeClass("animated fadeInRight flash").hide();
	               $(".p2-a, .p2-b").addClass("animated flash").show();
		           return;
				}
	     }
	     if(3 == _id){
			if(0 == _ti.c){
	               $(".p2-a").removeClass("animated fadeInLeft flash").hide();
	               $(".p2-b").removeClass("animated fadeInRight flash").hide();
	               $(".p2-a, .p2-b").addClass("animated flash").show();
		           return;
			}
			var _tu='q5';
			if(_ti.a == 'A' && _ti.b == 'A' && _ti.c == 'A'){
				_tu='q3';
			}
			if(_ti.a == 'A' && _ti.b == 'A' && _ti.c == 'B'){
				_tu='q3';
			}
			if(_ti.a == 'A' && _ti.b == 'B' && _ti.c == 'B'){
				_tu='q2';
			}
			if(_ti.a == 'B' && _ti.b == 'B' && _ti.c == 'B'){
				_tu='q2';
			}
			if(_ti.a == 'B' && _ti.b == 'A' && _ti.c == 'B'){
				_tu='q1';
			}
			if(_ti.a == 'B' && _ti.b == 'B' && _ti.c == 'A'){
				_tu='q1';
			}
			if(_ti.a == 'B' && _ti.b == 'A' && _ti.c == 'A'){
				_tu='q4';
			}
			if(_ti.a == 'A' && _ti.b == 'B' && _ti.c == 'A'){
				_tu='q4';
			}
			var _rand=Math.floor(Math.random()*10)+1;
			console.log(_rand);
			if(_rand > 8){
				_tu='q5';
			}
			$(".p5-q").attr("src", "./img/"+_tu+'.jpg?v=2');
			console.log(_ti);
	     }
	     $(".p2-a, .p2-b").removeClass("animated flash").hide();
         $(".p2-a").addClass("animated fadeInLeft");
         $(".p2-b").addClass("animated fadeInRight");
         $(".p2-s").hide();

         $.post("./api/?c=ti", {id:_ti,s:_id}, function(data){}, "json");
         
	     
         if(3 == _id){
        	 $(".p"+(parseInt(_id)+1)).hide();
             $(".p" + (parseInt(_id)+2 + ', .p2-a, .p2-b')).show();
             window.setTimeout(function(){
            	 html2canvas(document.querySelector("#view")).then(canvas => {
        			   $(".p5-end").attr("src", canvas.toDataURL('image/jpeg'));
        			   $(".p5-more, .p5-share, .p5-save, .p-mu").show();
        			});
                 }, 200);
        	
         }else{
        	 $(".p"+(parseInt(_id)+1)).fadeOut();
             $(".p" + (parseInt(_id)+2 + ', .p2-a, .p2-b')).fadeIn();
         }
         
         
	     console.log(_id)
	});

	$('.p2-a').click(function(){
		var _id=$(this).attr("data-id");
		$(".p2-s").hide().removeClass("animated pulse").css({"left":_rate*58,"right":'auto'}).hide();
	    if(1 == _id){
	    	_ti.a='A';
	    	$(".p2-s").addClass("animated pulse").show();
	    }
	    if(2 == _id){
	    	_ti.b='A';
	    	$(".p2-s").addClass("animated pulse").show();
	    }
	    if(3 == _id){
	    	_ti.c='A';
	    	$(".p2-s").addClass("animated pulse").show();
	    }
	});

	$('.p2-b').click(function(){
		var _id=$(this).attr("data-id");
		$(".p2-s").removeClass("animated pulse").css({"left":'auto',"right":_rate*58}).hide();
	    if(1 == _id){
	    	_ti.a='B';
	    	$(".p2-s").addClass("animated pulse").show();
	    }
	    if(2 == _id){
	    	_ti.b='B';
	    	$(".p2-s").addClass("animated pulse").show();
	    }
	    if(3 == _id){
	    	_ti.c='B';
	    	$(".p2-s").addClass("animated pulse").show();
	    }
	    console.log('b');
	});

	
	wx.config({
    	appId: '<?php echo $signPackage["appId"];?>',timestamp: <?php echo $signPackage["timestamp"];?>,
    	nonceStr: '<?php echo $signPackage["nonceStr"];?>',signature: '<?php echo $signPackage["signature"];?>',
    	jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage','onMenuShareQQ','showMenuItems','showOptionMenu']
    });
	wx.ready(function (){
		var _title='你是哪种type的“壳”佳人？一测便知！';
		var _link='http://mei94.com/shell/';
	    var _imgUrl='http://mei94.com/shell/img/64.jpg';
	    wx.onMenuShareTimeline({title: _title, link: _link, imgUrl: _imgUrl,success: function () {
	    	
		    },cancel: function () { }});
	    wx.onMenuShareAppMessage({ title: '“壳”佳人，真我范', desc: '你是哪种type的“壳”佳人？一测便知！',link: _link,imgUrl: _imgUrl, type: '', dataUrl: '', success: function () {
	    	
		    },cancel: function () {  }});  	
	});
	
});
</script></body></html>